<template>
  <div id="app">
    <Page :current="current" :total="300" :limit="20" :visivleNumber="10" @changePage="change" />
  </div>
</template>

<script>
import Page from './';
export default {
  name: "App",
  data(){
    return {
      current : 1
    }
  },
  components: {
    Page
  },
  methods:{
    change(num){
      this.current = num;
    }
  }
};
</script>

<style lang="less">
#app {
}
</style>
